<script setup lang="ts">
import { ArrowRightBold } from '@element-plus/icons-vue'

defineOptions({
    name: 'More'
})

withDefaults(defineProps<{ title: string; }>(), {
    title: '更多'
})

</script>

<template>
    <div class="more">
        <div>{{ title }}</div>
        <el-icon size="13px">
            <ArrowRightBold />
        </el-icon>
    </div>
</template>

<style lang="scss" scoped>
.more {
    display: flex;
    align-items: center;
    color: rgba(187, 187, 187, 1);
    font-size: 13px;

    div {
        cursor: pointer;
        font-family: 'SOURCEHANSANSCN-EXTRALIGHT';
    }
}
</style>